/* .breadLinebox p{
    margin-top: 100px;
    font-size: 50px;
    color: #000;
 }

 .breadLinebox{
    display: flex;
    align-items: center;
    justify-content: center;
 } */

 .modal_chose .wrap{
   position: fixed;
   z-index: 10001;
   width: 60vw;
   left: 20vw;
   height: 70vh;
   top: 15vh;
   background: #fff;
   display: flex;
   align-items: center;
   flex-direction: column;
   padding: 25px 0;
 }

 .modal_chose .wrap .name{
 display: flex;  
 align-items: center;
 width: 50vw;
   }

   .modal_chose .wrap .title{
      width: 50vw;
      margin-left: 5vw;
      margin: 10px 0 ;
   }
   .modal_chose .wrap .name p{
      margin-bottom: 0;
      margin-right: 10px;
   }

   .modal_chose .wrap .name input{
      border: 1px solid #ddd;
      border-radius: 3px;
      padding: 3px;
      width: 40vw;
   }

 .modal_chose .wrap .w{
   width: 46vw;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .modal_chose .wrap .w .left
 {

   background: #f0f0f0;
   width: 18vw;
   overflow: hidden;
   overflow-x: auto;
   overflow-y: auto;
   height: 45vh;
   padding: 15px;
 }
 .modal_chose .wrap .btns{
   display: flex;
   margin-top: 30px;
   width: 14vw;
   align-items: center;
   justify-content: space-between;
 }

 .modal_chose .wrap .btns .confirm{
   height: 35px;
   width: 5vw;
   border-radius: 5px;
   background: #D1282D;

   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .modal_chose .wrap .btns .cancel{
   height: 35px;
   width: 5vw;
   border-radius: 5px;
   background: #66b1ff;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
 }


 .modal_chose .wrap .w .left .item{
   padding: 4px 0;
   margin-bottom: 2px;

 }

 .modal_chose .wrap .w .left .item.c{
   color: #fff;
   background: rgb(83, 135, 214);
   
 }

 .tongji{
   display: flex;
   margin-top: 20px;
   justify-content: space-between;
   width: 20vw;
}

 .modal1{
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 10000;
   display: flex;
   align-items: center;
   justify-content: center;
}

.modal1 .mask{
   z-index: 10001;
   background: rgba(0, 0, 0, .8);
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
}

.modal1 .wrap{
   position: fixed;
   display: flex;
   flex-direction: column;
   width: 34vw;
   background: #fff;
   border-radius: 10px;
   z-index: 10004;
   align-items: center;
   justify-content: center;
   padding: 1.5vw 0;
   
}

.modal1 .wrap .close-div{
   display: flex;
   right: 25px;
   top: 25px;
   justify-content: flex-end;
   position: absolute;

}
.modal1 .wrap  .content{
  width: 60%;
  border: none;
  border-radius: 5px;
  margin-bottom: 15px;
   width: 28vw;
   height: 80px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   
}

.modal1 .wrap .content textarea{
   width: 100%;
   height: 100px;
}

.modal1 .wrap  .content .p2{
   font-size: 17px;
   color: #D1282D;
   font-weight: bolder;
}

.modal1 .wrap  .content .p1{
   font-size: 15px;
   display: flex;
   color: #676767;
   align-items: center;  
   justify-content: center;
   margin-left: 10px;
   margin-right: 15px;
}
.modal1 .wrap .close-div img{
   width: 25px;
   height: 25px;
}

.modal1 .wrap .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}

.modal1 .word p{
   font-size: 20px;
   font-weight: bolder;
}
.modal1 .word{
   margin-bottom: 15px;
}

.modal1 .btns .add{
   font-size: 12px;
   line-height: 12px;
   border-radius: 3px;
   margin-left: 25px;
   background: #D1282D;
   border-color: #D1282D;
   color: #fff;
   box-shadow: 0px 4px 4px 1px rgba(96, 4, 7, 0.26);
border-radius: 3px;
width: 80px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
   letter-spacing: 1px;
   cursor: pointer;

}

.modal1 select{
   width: 300px;
}

.breadLinebox .tabletit{
   margin-bottom: 20px;
}

.breadLinebox .tabletit .shopname{
   position: absolute;
   left: 40px;
   font-weight: bold;
   font-size: 22px;
}

.breadLinebox .tabletit .shopnamer{
   position: absolute;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   flex-direction: column;
   right: 35px;
   font-weight: bold;
   font-size: 15px;
}

.breadLinebox .tabletit .content1{
   display: flex;
   width: 30vw;
   align-items: center;
   margin-left: 20px;

}

.breadLinebox .tabletit .add{
   margin: 0;
   margin-left: 20px;
   cursor: pointer;
}

.breadLinebox .operatebox{
   width: auto;
}
.breadLinebox .operate > div{
   width: auto;
   margin-left: 15px;
}

.breadLinebox .content .operate .edit{
   margin-left: 15px;
}

.breadLinebox .content .operate > div .edit{
   margin-left: 5px;
}

.breadLinebox .content .tconter.lines{
   word-break: break-word;
   word-wrap: break-word;
   max-width: 20vw;
}

.modal_jf{
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   display: flex;
   justify-content: center;
 }
 .modal_jf .wrap{
    z-index: 1005;
     width: 60vw;
     height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
 }

 .modal_jf .wrap img{
   width: 40vw;
   object-fit: contain;
   z-index: 10005;
 }

 .inputbox{
   /* width: 350px; */
   display: flex;
   align-items: center;
 }
 .inputbox input{
   width: 150px;
 }
 .searchbox{
   display: flex;
   align-items: center;
 }
 .searchbox .content1{
   display: flex;
   align-items: center;
 }
 .searchbox .content1 p{
   margin: 0;
   margin-left: 20px;
   font-size: 15px;
line-height: 12px;
border-radius: 3px;
padding: 12px 15px;
margin-right: 10px;
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
letter-spacing: 1px;

 }
 .searchbox .content1 .input{
   width: 19vw;
 }